<ui:composition template="../template/plantilla_01.xhtml"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:p="http://primefaces.org/ui"
            xmlns:f="http://java.sun.com/jsf/core">

   <ui:define name="head">
       <h:outputStylesheet library="css" name="principalPool.css"/>
       <h:outputStylesheet library="css" name="jquery.countdown.css"/>
   </ui:define>
    
   <ui:define name="panelCentral">

       <h:form id="formulario" prependId="false">

           <p:panel header="Control imágenes productos">

               <p:growl id="msgMensaje" showDetail="true"  />

               <p:dataTable value="#{productoBean.lista}" var="p"
                            paginator="true" rows="50" emptyMessage="No se encontraron productos"
                            rowsPerPageTemplate="50,75,100" >

                   <p:column headerText="Código">
                       <h:outputText value="#{p.tippro} - #{p.artcod}"/>
                   </p:column>

                   <p:column headerText="Descripcion">
                       <h:outputText value="#{p.descrp}"/>
                   </p:column>

                   <p:column id="cimgchi" headerText="Imagen chica">

                       <div>
                           <p:inputText id="imgchi" value="#{p.imgchi}" size="30" />
                       </div>
                       <div>
                           <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesProductos}#{p.imgchi}.jpg" />
                       </div>

                   </p:column>

                   <p:column id="cimggra" headerText="Imagen grande">

                       <div>
                           <p:inputText id="imggra" value="#{p.imggra}" size="30" />
                       </div>
                       <div>
                           <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesProductos}#{p.imggra}.jpg" />
                       </div>

                   </p:column>

                   <p:column headerText="Acción">
                       <p:commandButton 
                           id="btnGuardar" icon="ok16"
                           action="#{productoBean.guardar(p)}"
                           update="cimgchi,cimggra"
                           process="@this, imggra,imgchi"/>
                   </p:column>

               </p:dataTable>
               
          
           </p:panel>

       </h:form>

   </ui:define>

</ui:composition>

    
    